<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic Page Needs-->
		<meta charset="utf-8">
		<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>个人信息</title>
		<meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
		<meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
		<meta name="author" content="rometheme.net">

		<!-- 个人 CSS -->
		<link href="static/back/css/bootstrap.min.css" rel="stylesheet">
		<link href="static/back/css/bootstrap-reset.css" rel="stylesheet">
		<link href="static/back/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link href="static/back/assets/jquery-file-upload/css/jquery.fileupload-ui.css" rel="stylesheet" type="text/css">
		<link href="static/back/css/style.css" rel="stylesheet">
		<link href="static/back/css/mdal.css" rel="stylesheet">
		<link href="static/back/css/style-responsive.css" rel="stylesheet" />
		<!-- 个人 CSS -->

		<!-- Custom styles for this template -->

		<!-- ==============================================
	CSS VENDOR
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.theme.default.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/animate.min.css">

		<!--Custom Stylesheet-->
		<link rel="stylesheet" type="text/css" href="static/css/person.css" />

		<script src="static/js/vendor/modernizr.min.js"></script>

	</head>

	<body>

		<!-- LOAD PAGE -->
		<div class="animationload">
			<div class="loader"></div>
		</div>

		<!-- BACK TO TOP SECTION -->
		<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

		<!-- HEADER -->
		<div class="header header-1">

			<!-- NAVBAR SECTION -->
			<div class="navbar-main">
				<div class="container">
					<nav id="navbar-example" class="navbar navbar-expand-lg">
						<a class="navbar-brand" href="index.jsp">
							<img src="static/images/logos.png" alt="">
						</a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			            <span class="navbar-toggler-icon"></span>
			        </button>
						<div class="collapse navbar-collapse" id="navbarNavDropdown">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.jsp">主页</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllPublishs">树洞</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllArts">解忧师</a>
								</li>
								<li class="nav-item dropdown dmenu">
									<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										获取更多
									</a>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="faq.jsp">烦恼解答</a>
										<a class="dropdown-item" href="love.jsp">情感烦恼</a>
										<a class="dropdown-item" href="family.jsp">家庭关系</a>
										<a class="dropdown-item" href="relationship.jsp">人际关系烦恼</a>
										<a class="dropdown-item" href="occupation.jsp">职业规划烦恼</a>
										<a class="dropdown-item" href="school.jsp">学校生活烦恼</a>
										<a class="dropdown-item" href="pressure.jsp">学业竞争压力</a>
									</div>
								</li>
								<li>
									<a class="nav-link" href="contact.jsp">发帖求助 </a>
								</li>
								<li class="nav-item active">
									<a class="nav-link" href="person.jsp">个人信息</a>
								</li>
							</ul>
						</div>
					</nav>
					<!-- -->

				</div>
			</div>

		</div>

		<!-- BANNER -->
		<div class="section banner-page" data-background="static/images/banner-single.jpg">
			<div class="content-wrap pos-relative">
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<div class="title-page">个人信息</div>
				</div>
			</div>
		</div>
		<section id="container" class="">
			<!--sidebar end-->
			<!--main content start-->
			<section id="main-content">
				<section class="wrapper">
					<!--mail inbox start-->
					<div class="mail-box">
						<aside class="sm-side">
							<div class="user-head">
								<a href="javascript:;" class="inbox-avatar">
									<img src="static/images/${art.listimg}" alt="" height="80th" width="80th">
								</a>
								<div class="user-name">
									<h5>${art.username }</h5>
									<span>${art.email }</span>
								</div>
							</div>
							<!--修改个人信息-->
							<div class="inbox-body">
								<a class="btn btn-compose" href="upadtePerson.jsp">
									修改我的信息
								</a>
								<!-- Modal -->

								<!-- /.modal -->
							</div>
							<!--修改密码-->
							<div class="inbox-body" id="">
								<a class="btn btn-compose"  href="upadtePassword.jsp">
									修改密码
								</a>					
							</div>

							<ul class="inbox-nav inbox-divider">
								<li class="active">
									<a href="inbox.jsp"><i class="icon-inbox"></i> 个人信息 </a>
								</li>
								<li>
									<a href="selectArtAndPublishById?aid=${art.aid}"><i class=" icon-trash"></i> 删除我的贴子</a>
								</li>
								<li>
									<a href="artLogin.jsp"><i class=" icon-external-link"></i> 退出登录</a>
								</li>
							</ul>
						</aside>
						<aside class="lg-side" id="myPerson">
							<div class="inbox-head">
								<h3>个人信息</h3>
							</div>
		
							<aside class="profile-info col-lg-9">

								<section class="panel">
									<div class="panel-body bio-graph-info">
										<div class="row">
											<div class="bio-row">
												<p><span>First Name </span>: ${art.username }</p>
											</div>
											<div class="bio-row">
												<p><span>Sex</span>: ${art.sex }</p>
											</div>
											<div class="bio-row">
												<p><span>Age </span>: ${art.age }</p>
											</div>
											<div class="bio-row">
												<p><span>Type</span>: ${art.type }</p>
											</div>
											<div class="bio-row">
												<p><span>Email </span>: ${art.email }</p>
											</div>
											<div class="bio-row">
												<p><span>Mobile </span>: (12) 03 4567890</p>
											</div>
											
										</div>
									</div>
								</section>
							</aside>
						</aside>
					</div>
					<!--mail inbox end-->
				</section>
			</section>
			<!--main content end-->
		</section>
		<!-- JS VENDOR -->
		<script src="static/js/vendor/jquery.min.js"></script>
		<script src="static/js/vendor/bootstrap.min.js"></script>
		<script src="static/js/vendor/owl.carousel.js"></script>
		<script src="static/js/vendor/jquery.magnific-popup.min.js"></script>

		<!-- SENDMAIL -->
		<script src="static/js/vendor/validator.min.js"></script>
		<script src="static/js/vendor/form-scripts.js"></script>

		<!-- GOOGLEMAP -->
		<script src="static/js/googlemap-setting.js"></script>
		<script async defer src="http://ditu.google.cn/maps/api/js?key=AIzaSyA-CE0deH3Jhj6GN4YvdCFZS7DpbXexzGU&callback=initMap">
		</script>

		<script src="static/js/script.js"></script>
		<script src="static/back/js/jquery.js"></script>

		<script src="static/back/js/bootstrap.min.js"></script>
		<script src="static/back/js/jquery.scrollTo.min.js"></script>
		<script src="static/back/js/jquery.nicescroll.js" type="text/javascript"></script>

		<script src="static/back/js/jquery-ui-1.9.2.custom.min.js"></script>

		<!--custom switch-->
		<script src="static/back/js/bootstrap-switch.js"></script>
		<!--custom tagsinput-->
		<script src="static/back/js/jquery.tagsinput.js"></script>
		<!--custom checkbox & radio-->
		<script type="text/javascript" src="static/back/js/ga.js"></script>

		<script type="text/javascript" src="static/back/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-daterangepicker/date.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
		<script type="text/javascript" src="static/back/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
		<script type="text/javascript" src="static/back/assets/ckeditor/ckeditor.js"></script>

	</body>

</html>